.trading{
	.dynamicTab{
		padding: 18rpx 44rpx 24rpx;
		margin-bottom: 20rpx;
		.tabItem{
			font-size: 28rpx;
			font-weight: 500;
			color: #333333;
			line-height: 36rpx;
			
			transition: 0.2s all;
			&.active{
				color: #E23232;
				position: relative;
				&:after{
					position: absolute;
					content: '';
					bottom: -20rpx;
					left: 50%;
					margin-left: -34rpx;
					width: 64rpx;
					height: 4rpx;
					background: #E23232;
					border-radius: 4rpx;
				
				}
			}
			
		}
	}
	.content{
		.Recharge_box{
			padding: 0 48rpx 0 30rpx;
			border-top: 20rpx solid #F2F2F2;
			// border-bottom: 20rpx solid #F2F2F2;
			
			.input_box{
				height: 100rpx;
				line-height: 100rpx;
				border-bottom: 1rpx solid #E5E5E5;
				image{
					width: 50rpx;
					height: 50rpx;
				}
				input{
					flex: 0 1 65%;
				}
			}
		}
		.orderBtn {
			width: 690rpx;
			height: 88rpx;
			background: #EE4343;
			box-shadow: 0px 10rpx 10rpx 0px rgba(105, 192, 255, 0.2);
			border-radius: 10rpx;
			margin: 0 auto;
			margin-top: 80rpx;
			color: #FFFFFF;
			line-height: 88rpx;
			text-align: center;
		
		}
		.ti{
			view{
				text:nth-child(1){
					
					flex: 0 1 30%;
					
				}
				input{
					flex: 0 1 50%;
				}
			}
			.atg{
				flex: 0 1 65% !important;
				input{
					flex: 0 1 50% !important;
					
				}
				text{
					flex: 0 1 50% !important;
					height: 62rpx;
					background: #EE4343;
					border-radius: 10rpx;
					line-height: 62rpx;
					text-align: center;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					
				}
			}
		}
		.list{
			// text:nth-child(1){
				
			// 	flex: 0 1 30%;
				
			// }
			// atc{
			// 	flex: 0 1 10% !important;
			// }
			// text:nth-child(2){
				
			// 	flex: 0 1 20%;
				
			// }
		}
		
	}
	
}
                     